@import "../../../customGlobal.scss";
.btn {
  // width: 100%;
  margin: 1rem 0 1.25rem 0;
  --background: linear-gradient(to right, #ff9500, #ff6314);
  --border-radius: 5px;
  --background-activated: linear-gradient(to right, #e58500, #e65812);
  --height: 49px;
  font-size: 18px;
  font-weight: bold;
  @if $appType == "LJ" {
    --background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
    --border-radius: 1.56rem;
    --background-activated: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
    --height: 3.13rem;
    font-size: 1.13rem;
    color: #252629;
    font-weight: bold;
  }
}

.orange {
  --background: linear-gradient(to right, #ff9500, #ff6314);
}
ion-list {
  padding: 0 1rem 0 1rem;
}
ion-item {
  height: 60px;
}
.title h1 {
  line-height: 36px;
}
.title p {
  line-height: 18px;
  color: #858894;
}
.title a {
  color: #ff6314;
  margin-left: 0.31rem;
  @if $appType == "LJ" {
    color: #ffaa00;
  }
}
.eye {
  width: 27px;
  height: 27px;
  display: inline-block;
  position: absolute;
  right: 0px;
  background: url("../../../assets/icon/login_icon_hide@3x.png") no-repeat center;
  @if $appType == "LJ" {
    background: url("../../../assets/laijian/login_icon_hide@3x.png") no-repeat center;
    right: 0.13rem;
  }
  background-size: 60%;
  z-index: 1000;
}
.eyeshow {
  background-image: url("../../../assets/icon/login_icon_open@3x.png");
  @if $appType == "LJ" {
    background-image: url("../../../assets/laijian/login_icon_open@3x.png");
  }
}

.hideClose {
  width: 2rem;
  height: 2rem;
  display: none;
  position: absolute;
  right: 0px;
  background: url("../../../assets/icon/login_icon_close@3x.png") no-repeat center;
  @if $appType == "LJ" {
    background: url("../../../assets/laijian/login_icon_close@3x.png") no-repeat center;
  }
  background-size: 60%;
}

.hideClose_r50 {
  width: 2rem;
  height: 2rem;
  display: none;
  position: absolute;
  right: 50px;
  z-index: 100;
  background: url("../../../assets/icon/login_icon_close@3x.png") no-repeat center;
  @if $appType == "LJ" {
    background: url("../../../assets/laijian/login_icon_close@3x.png") no-repeat center;
  }
  background-size: 60%;
}

.close {
  width: 2rem;
  height: 2rem;
  // display: inline-block;
  position: absolute;
  right: 0px;
  background: url("../../../assets/icon/login_icon_close@3x.png") no-repeat center;
  @if $appType == "LJ" {
    background: url("../../../assets/laijian/login_icon_close@3x.png") no-repeat center;
  }
  background-size: 60%;
}

.close_r50 {
  width: 2rem;
  height: 2rem;
  z-index: 100;
  // display: inline-block;
  position: absolute;
  right: 50px;
  background: url("../../../assets/icon/login_icon_close@3x.png") no-repeat center;
  @if $appType == "LJ" {
    background: url("../../../assets/laijian/login_icon_close@3x.png") no-repeat center;
  }
  background-size: 60%;
}

.r50 {
  right: 50px;
}
.r90 {
  right: 110px;
}
ion-input {
  --placeholder-color: #b6b7bf;
  --padding-end: 29px; // add by andrew.wen for close btn
}
.forget {
  margin: 1rem 0 1.25rem 0;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  color: #858894;
  @if $appType == "LJ" {
    color: #7e838c;
  }
}

.button-label {
  color: $LJLabelColor;
}
.laijian-p {
  color: #7e838c;
}

.laijian-h1 {
  color: $LJLabelColor;
}

.btn-disable {
  // width: 100%;
  margin: 1rem 0 1.25rem 0;
  --background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%) rgba(255, 255, 255, 0.6);
  --border-radius: 1.56rem;
  --background-activated: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%) rgba(255, 255, 255, 0.6);
  --height: 3.13rem;
  font-size: 1.13rem;
  color: #252629;
  font-weight: bold;
}

.checkbox {
  font-size: 12px;
  color: #858894;
  padding-left: 0.3rem;
}
.checkicon {
  background-image: url("../../../assets/icon/checked.png");
  @if $appType == "LJ" {
    background: url("../../../../src/assets/icon/quick_release_checked_lj@3x.png") no-repeat;
  }
  width: 0.88rem;
  height: 0.88rem;
  background-size: 100%;
}

.uncheckicon {
  background-image: url("../../../assets/icon/login_icon_unchecked@3x.png");
  @if $appType == "LJ" {
    background: url("../../../../src/assets/icon/release_icon_unchecked@3x.png") no-repeat;
  }
  width: 0.88rem;
  height: 0.88rem;
  background-size: 100%;
}

.blue {
  color: #499df2;
  @if $appType == "LJ" {
    color: #1885f2;
  }
}

.check-box-div {
  display: flex;
  background: white;
  height: 3rem;
  justify-content: center;
  align-items: center;
  padding-left: 0.7rem;
}

.clear-left-item {
  --padding-start: 0;
}
.wxLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 400;
  color: #b3b3b3;
}
.wxIconLink {
  height: 3.06rem;
  width: 3.06rem;
  margin-top: 1.25rem;
}
